From: Jo-Philipp Wich <jo@mein.io>
Date: Sun, 5 Feb 2023 19:00:26 +0000 (+0100)
Subject: luci-theme-bootstrap: add focus indication for tabs
X-Git-Url: http://git.openwrt.org/%22https:/collectd.org//%22/%22https:/collectd.org/%22?a=commitdiff_plain;h=56a737ec53323052be9d2178fc655b2c1442601d;p=project%2Fluci.git

luci-theme-bootstrap: add focus indication for tabs

Underline the link text if a tab has keyboard focus in order to give a
visual indication of the focus state.

Signed-off-by: Jo-Philipp Wich <jo@mein.io>
---

diff --git a/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css b/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
index a2099f39d4..f87bc52902 100644
--- a/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
+++ b/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
@@ -1225,6 +1225,10 @@ a.menu:after {
 	outline: none;
 }
 
+.tabs > li > a:focus, .cbi-tabmenu > li > a:focus {
+	text-decoration: underline;
+}
+
 .tabs > li:not(.active):hover, .cbi-tabmenu > .cbi-tab-disabled:hover {
 	background: linear-gradient(var(--tab-inactive-hover-background-color) 90%, var(--tab-inactive-border-color) 100%);
 }